<template>
    <div>
        <el-row>
            <el-col :span="24" class="base-mian-cell" v-if="notepadFlag">
                <div class="base-mian-cell-title clearfix">
                    <div class="left fl">
                        <span class="line">|</span>
                        <span class="tips">Notepad</span>
                    </div>
                    <div class="right fr" @click="changeView">
                        <i class="el-icon-circle-close"></i>
                    </div>
                </div>
                <div class="base-mian-cell-main">
                    <div class="base-mian-cell-main">
                        <notePadIcdTableComponent :clntnum="clntnum" soucrce="xuhe" @NoteSize="getNoteSize"
                                                  :curUserId="curUserId" :name="surname"    :allInfoReadOnly="btnDisable"></notePadIcdTableComponent>
                    </div>
                </div>

            </el-col>
        </el-row>



    </div>
</template>
<script>
  import notePadIcdTableComponent from "@/page/customerManage/notePadIcdTableComponent.vue";
  export default {
    data() {
      return {

      }
    },
    props: {
      notepadFlag: {
        type: Boolean,
        default: false
      },
      btnDisable: {
        type: Boolean,
        default: false
      },
      surname: {
        type: String,
        default: ""
      },
      clntnum: {
        type: String,
        default: ""
      },
      curUserId: {
        type: String,
        default: ""
      }
    },
    components:{
      notePadIcdTableComponent
    },
    mounted(){

    },
    methods: {

      getNoteSize(e){
          this.$emit('insNoteSize', e);
      },
      changeView() {
        this.$emit('subNotepadFlag', false);
      },




    },
    created() {

    }
  }
</script>
<style lang="less" scoped>
.operationIcon{
        // padding: 12px;
        border:1px solid #e5e5e5;
        border-radius: 50%;
        width: 22px; 
        height: 22px;
        display: inline-block;
        cursor: pointer;
        box-shadow:0 0 3px #f9f9f9;
            text-align: center;
   }
    .save-info{
        height: 36px;
        padding: 0 20px;
        border: 1px solid #f76565 !important;
        color: #fff;
        background: #f76565 !important;
        cursor: pointer;
        margin-left:10px;
    }
</style>